<!DOCTYPE HTML>
<link rel="stylesheet" href="resources/svg_tests.css">
<script src="resources/svg_canvas_helper.js"></script>
<script>
    if (window.testRunner)
        testRunner.waitUntilDone();
</script>
<h2><a href="http://www.w3.org/html/wg/drafts/srcset/w3c-srcset">srcset</a> testcases for SVG</h2>
<div class="test">
    <h3>Canvas PNG without explicit dimensions - 1x</h3>
    <div class="expected">expected<br/>
        <img id="png5" src="" srcset="resources/srcset.png">
    </div>
    <div class="actual">actual<br/>
        <canvas id="canvas3"></canvas>
    </div>
    This test should show a PNG image drawn into a canvas. The canvas and image should look the same and both should be 200x100.<br/>
    <code class="stats" id="code13"></code>
    <br clear="all"/>
</div>
<div class="test">
    <h3>Canvas PNG without explicit dimensions - 2x</h3>
    <div class="expected">expected<br/>
        <img id="png6" src="" srcset="resources/srcset.png 2x">
    </div>
    <div class="actual">actual<br/>
        <canvas id="canvas4"></canvas>
    </div>
    This test should show an SVG image drawn into a canvas. The canvas and image should look the same and both should be 100x50.<br/>
    <code class="stats" id="code14"></code>
    <br clear="all"/>
</div>
<script>
    window.addEventListener('load', function(){
        drawCanvas('png5', 'canvas3', 200, 100);
        drawCanvas('png6', 'canvas4', 100, 50);
        if (window.testRunner)
            testRunner.notifyDone();
    });
</script>
